<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<title>My Tech Rider</title>
		<link rel="stylesheet" type="text/css" href="css/estilos-app.css" media="screen">
		<link rel="stylesheet" type="text/css" href="css/print-app.css" media="print">
		<link rel="stylesheet" type="text/css" href="css/bx-slider.css">
	</head>
	<body>
		<div class="ipad">
			<div class="container-app">
				<div ng-app="MyTechRiderApp">
					<div ng-view class="content-app"  ng-controller="GeneralController"></div>
					<section class="print-app" ng-model="scenario">
						<img src="images/tit-export.png">
						<div class="info-export">
							<h2>Información del artista</h2>
							<h3>Banda</h3>
							<ul class="nombre-banda" ng-repeat="artist in dataArtist">
								<li ng-if="$index == 0">
									<p>
										{{artist.bandName}}
									</p>
								</li>
							</ul>
							<ul class="title-info">
								<li>
									<p>
										Nombre
									</p>
								</li>
								<li>
									<p>
										Rol
									</p>
								</li>
								<li>
									<p>
										Cédula
									</p>
								</li>
								<li>
									<p>
										Celular
									</p>
								</li>
								<li>
									<p>
										Correo electrónico
									</p>
								</li>
							</ul>
							<ul ng-repeat="artist in dataArtist">
								<li ng-if="$index > 0">
									<p>
										{{artist.artistName}}
									</p>
								</li>
								<li ng-if="$index > 0">
									<p>
										{{artist.artistRol}}
									</p>
								</li>
								<li ng-if="$index > 0">
									<p>
										{{artist.artistId}}
									</p>
								</li>
								<li ng-if="$index > 0">
									<p>
										{{artist.artistPhone}}
									</p>
								</li>
								<li ng-if="$index > 0">
									<p>
										{{artist.artistEmail}}
									</p>
								</li>
							</ul>
						</div>
						<h3>Tamaño del auditorio</h3>
						<ul>
							<li>
								<p>
									{{scenario.size}}
								</p>
							</li>
						</ul>
						<h3>Forma del auditorio</h3>
						<ul>
							<li>
								<p>
									{{scenario.shape}}
								</p>
							</li>
						</ul>
						<h3>Audio</h3>
						<h4>{{pa.description}}</h4>
						<ul>
							<li>
								<p>
									Marca: {{pa.brand}}
								</p>
							</li>
							<li ng-repeat="category in pa.category">
								<p>
									Categoría: {{category}}
								</p>
							</li>
							<li>
								<p>
									Serie: {{pa.serie}}
								</p>
							</li>
						</ul>
						<h4>{{foh.description}}</h4>
						<ul>
							<li>
								<p>
									Número de canales: {{foh.channel}}
								</p>
							</li>
							<li>
								<p>
									Marca de consola: {{foh.brand}}
								</p>
							</li>

							<li>
								<p>
									Serie: {{foh.serie}}
								</p>
							</li>
						</ul>
						<h4>{{monitors.description}}</h4>
						<ul>
							<li ng-repeat="category in monitors.categoryA">
								<p>
									Categoría: {{category}}
								</p>
							</li>
							<li>
								<p>
									Marca: {{monitors.brandA}}
								</p>
							</li>
							<li>
								<p>
									Consola: {{monitors.consoleA}}
								</p>
							</li>
							<li>
								<p>
									Canal: {{monitors.channelA}}
								</p>
							</li>
						</ul>
						<br />
						<br />
						<br />
						<br />
						<br />
						<br />
						<br />
						<br />
						<h3>Backline</h3>
						<section class="container-backline">
							<div class="backline">

								<span ng-repeat="n in [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15]" class="spot-{{n}} spot"> {{n}}
									<div ng-repeat="position in backstage.positions[n]">
										<a href="#" class="spot-{{position.class}}"> <img src="images/{{position.thumb}}" alt="Imagen" class="img-thumb"/> </a>
									</div> </span>
							</div>
						</section>
						<div ng-repeat="guitarra in backstage.acusticGuitar">
							<h4>{{guitarra.description}}</h4>
							<ul>
								<li>
									<p>
										Nombre del músico:{{guitarra.artistName}}
									</p>
								</li>
								<li>
									<p>
										Canal: {{guitarra.channel}}
									</p>
								</li>
								<li>
									<p>
										DI: {{guitarra.directBox}}
									</p>
								</li>
								<li>
									<p>
										Posición: {{guitarra.position}}
									</p>
								</li>
							</ul>
						</div>
						<div ng-repeat="electrica in backstage.electricGuitar">
							<h4>{{electrica.description}}</h4>
							<ul>
								<li>
									<p>
										Nombre del músico:{{electrica.artistName}}
									</p>
								</li>
								<li>
									<p>
										Canal: {{electrica.channel}}
									</p>
								</li>
								<li>
									<p>
										DI: {{electrica.directBox}}
									</p>
								</li>
								<li>
									<p>
										Posición: {{electrica.position}}
									</p>
								</li>
								<li>
									<p>
										Micrófono: {{electrica.mic}}
									</p>
								</li>
								<li>
									<p>
										Marca del amplificador: {{electrica.amp.name}}
									</p>
								</li>
								<li>
									<p>
										Tipo de amplificador: {{electrica.amp.type}}
									</p>
								</li>
								<li>
									<p>
										Otro: {{electrica.otro}}
									</p>
								</li>
							</ul>
						</div>

						<div ng-repeat="voz in backstage.voice">
							<h4>{{voz.description}}</h4>
							<ul>
								<li>
									<p>
										Nombre del músico:{{voz.artistName}}
									</p>
								</li>
								<li>
									<p>
										Tipo:{{voz.type}}
									</p>
								</li>
								<li>
									<p>
										Canal: {{voz.channel}}
									</p>
								</li>
								<li>
									<p>
										{{voz.type}}
									</p>
								</li>
								<li>
									<p>
										Micrófono: {{voz.mic}}
									</p>
								</li>
								<li>
									<p>
										Posición: {{voz.position}}
									</p>
								</li>
							</ul>
						</div>

						<h4>{{backstage.drum.description}}</h4>
						<ul>
							<li>
								<p>
									Nombre del músico: {{backstage.drum.artistName}}
								</p>
							</li>
							<li>
								<p>
									{{backstage.drum.set}}
								</p>
							</li>
							<li>
								<p>
									Posición: {{backstage.drum.position}}
								</p>
							</li>
							<li>
								<p>
									Serie: {{backstage.drum.serie}}
								</p>
							</li>
							<li ng-repeat="parts in backstage.drum.drumParts">
								<p>
									{{parts.part}}
									<br />
									Micrófonos: {{parts.reference}}
									<br />
									Canal: {{parts.channel}}
								</p>
							</li>
						</ul>
						<div ng-repeat="bajo in backstage.bass">
							<h4>{{bajo.description}}</h4>
							<ul>
								<li>
									<p>
										Nombre del músico: {{bajo.artistName}}
									</p>
								</li>
								<li>
									<p>
										Canal: {{bajo.channel}}
									</p>
								</li>
								<li>
									<p>
										Amplificador: {{bajo.amp}}
									</p>
								</li>
								<li>
									<p>
										Posición: {{bajo.position}}
									</p>
								</li>
								<li>
									<p>
										DI: {{bajo.directBox}}
									</p>
								</li>
								<li>
									<p>
										Serie: {{backstage.bajo.serie}}
									</p>
								</li>
							</ul>
						</div>
						<div ng-repeat="piano in backstage.piano">
							<h4>{{piano.description}}</h4>
							<ul>
								<li>
									<p>
										Nombre del músico: {{piano.artistName}}
									</p>
								</li>
								<li>
									<p>
										Canal: {{piano.channel}}
									</p>
								</li>
								<li>
									<p>
										Marca: {{piano.brand}}
									</p>
								</li>
								<li>
									<p>
										Posición: {{piano.position}}
									</p>
								</li>
								<li>
									<p>
										DI: {{piano.directBox}}
									</p>
								</li>
							</ul>
						</div>
						<div ng-repeat="teclado in backstage.keyboard">
							<h4>{{teclado.description}}</h4>
							<ul>
								<li>
									<p>
										Nombre del músico: {{teclado.artistName}}
									</p>
								</li>
								<li>
									<p>
										Canal: {{teclado.channel}}
									</p>
								</li>
								<li>
									<p>
										Marca: {{teclado.brand}}
									</p>
								</li>
								<li>
									<p>
										Posición: {{teclado.position}}
									</p>
								</li>
								<li>
									<p>
										DI: {{teclado.directBox}}
									</p>
								</li>
								<li>
									<p>
										Serie: {{teclado.serie}}
									</p>
								</li>
							</ul>
						</div>

						<h3>Input list</h3>
						<ul class="tit-list">
							<li>
								Canal
							</li>
							<li>
								Instrumento
							</li>
							<li>
								Micrófono
							</li>
							<li>
								Stand
							</li>
							<li>
								Caja directa
							</li>
							<li>
								Inserto
							</li>
						</ul>
						<div ng-repeat="canal in backstage.channels | orderBy : 'channel' " class="list-print">
							<ul>
								<li>
									{{canal.channel}}
								</li>
								<li>
									{{canal.description}}
								</li>
								<li>
									{{canal.mic}}
								</li>
								<li>
									{{canal.stand}}
								</li>
								<li>
									{{canal.directBox}}
								</li>
								<li>
									{{canal.aux}}
								</li>
							</ul>
						</div>
						<h3>Aux List</h3>
						<ul class="tit-list">
							<li>
								Aux Mix
							</li>
							<li>
								Instrumento
							</li>
						</ul>
						<div ng-repeat="aux in auxMonitor" class="list-print">
							<ul>
								<li>
									<p>
										{{aux.auxmix}}
									</p>
								</li>
								<li>
									<p>
										{{aux.instrumento}}
									</p>
								</li>
							</ul>
						</div>
					</section>
				</div>
			</div>
		</div>

		<script src="js/libs/angular.min.js"></script>
		<script src="js/libs/angular-route.min.js"></script>
		<script src="js/libs/angular-resource.min.js"></script>
		<script src="js/libs/jquery-2.1.1.min.js"></script>
		<script src="js/libs/jquery.easing.1.3.js"></script>
		<script src="js/libs/jquery.bxslider.min.js"></script>
		<script src="js/app.js"></script>
	</body>
</html>